#course{
    padding: 0 49px;
    .header{
        margin-bottom: 30px;
        margin-top: 85px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .back{
            line-height: 62px;
            height: 62px;
            font-size: 39px;
            color: rgb(219,219,219);
        }
        .h-left{
            line-height: 62px;
            height: 62px;
            font-size: 36px;
            color: rgb(102,102,102);
        }
        .h-right{
            height: 62px;
            font-size: 29px;
            color: rgb(53,147,214);
            line-height: 62px;
        }
    }
    .myCourse{
        height: 387px;
        .hydrated{
            height: 387px;
        }
        img{
            height: 387px;
            border: 3px solid rgb(231,235,239);
            border-radius: 8px;
        }
    }
    .tabs{
        height: 98px;
        display: flex;
        justify-content: space-around;
        margin-bottom: 36px;
        >taro-view-core{
            height: 98px;
            line-height: 98px;
            font-size: 32px;
            color: rgb(153,153,153);
        }
        .active{
            color: rgb(102,212,204);
        }
    }
    .box1{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        font-size: 29px;
        position: relative;
        color: rgb(102,102,102);
        .explain{
            width: 650px;
            display: flex;
            flex-wrap: wrap;
        }
        .btn{
            height: 58px;
            width: 132px;
            background: rgb(102,212,204);
            border-radius: 12px;
            color: #fff;
            text-align: center;
            line-height: 58px;
            position: absolute;
            top: 0;
            right: 10px;
        }
    }
    .box2{
        font-size: 29px;
        .title{
            margin-top: 76px;
            margin-bottom: 55px;
        }
        .con{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 42px;
            .key{
                height: 26px;
                line-height: 26px;
                color: rgb(102,102,102);
            }
            .value{
                width: 464px;
                height: 26px;
                background: rgb(238,241,243);
            }
            .v1{
                height: 26px;
                background: rgb(54,190,235);
            }
            .v2{
                height: 26px;
                background: rgb(39,140,211);
            }
            .v3{
                height: 26px;
                background: rgb(251,207,152);
            }
            .v4{
                height: 26px;
                background: rgb(255,135,39);
            }
        }
    }
    .box3{
        .score{
            margin-top: 54px;
            display: flex;
            .con-header{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 120px;
                .scores{
                    color:rgb(255,135,39);
                    font-size: 44px;
                }
                .title{
                    font-size: 27px;
                    color:rgb(39,39,39)
                }
            }
            .con-con{
                margin-left: 26px;
                font-size: 29px;
                .con{
                    margin-top: 26px;
                    display: flex;
                    align-items: center;
                    .key{
                        color: rgb(102,102,102);
                        height: 21px;
                        line-height: 21px;
                        margin-right: 21px;
                    }
                    .value{
                        width: 360px;
                        height: 21px;
                        background: rgb(238,241,243);
                        .v1{
                            height: 21px;
                            background: rgb(140,227,212);
                            .v2{
                                height: 21px;
                                background: rgb(49,173,140);
                            }
                        }
                    }
                }
            }
        }
        .comment{
            margin-top: 58px;
            .con{
                display: flex;
                justify-content: space-between;
                height: 180px;
                overflow: hidden;
                .img{
                    border-radius: 50%;
                    width: 106px;
                    height: 106px;
                }
                .content{
                    width: 535px;
                    .user-con{
                        font-size: 24px;
                        color: rgb(59,59,59);
                        .username{
                            color: rgb(8,120,206);
                        }
                    }
                    .time{
                        font-size: 24px;
                        color: rgb(137,173,219);
                    }
                }
            }
        }
    }
}